<template>
  <view class="layout-scroll">
    <scroll-view scroll-y class="scroll-view">
      <slot />
    </scroll-view>
  </view>
  <BottomBar>
    <slot name="bottom" />
  </BottomBar>
</template>

<script lang="ts" setup>
import BottomBar from '@/components/BottomBar.vue'
// #region Props
// #endregion
// #region Emits
// #endregion
// #region Hooks
// #endregion
// #region Computed
// #endregion
// #region Watch
// #endregion
// #region Event
// #endregion
// #region Function
// #endregion
// #region Life Cycle
// #endregion
// #region Expose
// #endregion
</script>

<style lang="scss" scoped>
.layout-scroll {
  height: 100%;
  .scroll-view {
    height: 100%;
    overflow-y: scroll;
  }
}
</style>
